<template>
    <Layout class="h-full ">
        <Sider  breakpoint="md" collapsible :collapsed-width="0">
            <Menu active-name="1-1" theme="dark" width="auto">
                <MenuItem :name="`${menuList.order}`" v-for="menuList in sider" :key="`${menuList.order}`">
                <Icon type="ios-navigate"></Icon>
                <router-link :to="{name:`${menuList.pathName}`}">{{ menuList.name }}</router-link>
                </MenuItem>
            </Menu>
            <div slot="trigger"></div>
        </Sider>
        <Layout>
            <Content class="w-full h-full mt-2 ml-2">
              <div class="h-full">
              </div>
            </Content>
        </Layout>
    </Layout>
</template>
<script>
import MyTable from "@/components/Mytable.vue";
export default {
    name: "MySider",
  // eslint-disable-next-line vue/no-unused-components
  components: {MyTable},
    props: ["sider"],
    data(){
      return{
        listColumns: [
          { title: '工程号', key: 'prId' },
          { title: '工程名', key: 'pName' },
          { title: '状态', key: 'status' },
          { title: '等级', key: 'level' },
          {
            title: '参建人员', key: 'workerIn',
            render: (h, params) => {
              return h('Button'), {
                props: {
                  type: 'text',
                  size: 'small'
                }
              }
            }
          },
          {
            title: '操作', key: 'operate',
            render: (h, params) => {
              return h('div', [
                h('Button', {
                  props: {
                    type: 'text',
                    size: 'small'
                  },
                  style: {
                    marginRight: '5px'
                  },
                  // on: {
                  //     click: () => {
                  //         this.show(params.index)
                  //     }
                  // }
                }, '查看'),
                h('Button', {
                  props: {
                    type: 'text',
                    size: 'small'
                  },
                  style: {
                    marginRight: '5px'
                  },
                  // on: {
                  //     click: () => {
                  //         this.show(params.index)
                  //     }
                  // }
                }, '修改'),
                h('Button', {
                  props: {
                    type: 'text',
                    size: 'small'
                  },
                  // on: {
                  //     click: () => {
                  //         this.remove(params.index)
                  //     }
                  // }
                }, '删除')
              ]);
            }
          }
        ],
        listData: [],
      }
    },
    mounted() {
        console.log(this.$props);
    },
}
</script>
<style scoped></style>